<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-锤子商城</title>
    <link rel="icon" href="/images/favicon.ico">
    <link rel="stylesheet" href="/css/cart.css">
</head>
<body>
    <div class="headerBox"></div>
    <div class="container">
        <div class="cartBox">
            <div class="cart-header">
                <h2 class="cart-title">购物清单</h2>
            </div>
            <div class="cart-content">
                <div class="cartListBox">
                    <div class="cart-content-header">
                        <div>商品信息</div>
                        <div>单价</div>
                        <div>数量</div>
                        <div>小计</div>
                        <div>操作</div>
                    </div>
                    <div class="cart-content-body"  id="cartListTemplateBox">
                        <script type="text/html" id="cartListTemplate">
                            {{each data item}}
                                <li class="cartList">
                                    <div class="checkBox">
                                        <i class="checkBtn {{item.checked ? 'checked' : ''}}"></i>
                                    </div>
                                    <div class="right">
                                        <div class="msgBox">
                                            <div class="imgBox">
                                                <img src="{{item.imgUrl}}" alt="">
                                                <a href="/html/item.html?id={{item.goodsId}}" class="cover"></a>
                                            </div>
                                            <div class="titleBox">
                                                <h4><a href="/html/item.html?id={{item.goodsId}}">{{item.title}}</a></h4>
                                                <h5>{{item.type}}</h5>
                                            </div>
                                        </div>
                                        <div class="originPriceBox">
                                            <span>¥<i>{{item.price}}</i></span>
                                        </div>
                                        <div class="countBox">
                                            <i class="downBtn"></i>
                                            <span class="count">{{item.count}}</span>
                                            <i class="upBtn"></i>
                                        </div>
                                        <div class="totalPriceBox">
                                            <span>¥<i>{{item.count * item.price}}</i></span>
                                        </div>
                                        <div class="updateBox">
                                            <i class="delBtn"></i>
                                        </div>
                                    </div>
                                </li>
                            {{/each}}
                        </script>
                    </div>
                    <div class="cart-content-footer">
                        <div class="left">
                            <div class="checkBox">
                                <i class="checkBtn"></i>
                                <strong>全选</strong>
                            </div>
                            <div class="delBox"><span>删除选中的商品</span></div>
                        </div>
                        <div class="right">
                            <div class="allCountBox"><span>已选择</span><i>1</i><span>件商品</span></div>
                            <div class="allPriceBox"><span>应付总额：<em>¥<i>100</i></em></span></div>
                            <div class="buyNowBtn">现在结算</div>
                        </div>
                    </div>
                </div>
                <div class="emptyBox">
                    <p>您的购物车中还没有商品</p>
                    <div class="buttonBox">
                        <a href="/html/login.html">登录</a>
                        <a href="/index.html">现在选购</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="commendBox">
            <div class="commend-header">
                <h3 class="commend-title">相关推荐</h3>
            </div>
            <div class="commend-content" id="commendTemplateBox">
                <script type="text/html" id="commendTemplate">
                    {{each data item}}
                        <li class="commend-list">
                            <div class="commend-list-imgBox">
                                <img src="{{item.shop_info.ali_image}}" alt="">
                            </div>
                            <div class="commend-list-msgBox">
                                <h4>{{item.name}}</h4>
                                <h5>{{item.shop_info.sub_title}}</h5>
                            </div>
                            <div class="commend-list-priceBox">
                                <p>¥<strong>{{item.price}}</strong></p>
                            </div>
                            <a href="/html/item.html?id={{item.id}}" class="commend-list-cover"></a>
                        </li> 
                    {{/each}}
                </script>
            </div>
        </div>
    </div>
    <div class="footerBox"></div>
</body>
    <script src="/lib/require/require.min.js" data-main="/js/cart.js"></script>
</html>